<script setup>

    //3、接受父组件传递过来的数据
    //通过 defineProps 属性直接 获取 数据 需要给类型
    import { defineProps, defineEmits } from "vue";

    const props = defineProps({
        money:{
            type:Number,   //类型
            required:true, //是否必须
            default:200    //默认值
        },
        books:Array,
        msg:String,
        user:Object
    })

    /**
     *   子传父 : 通过函数传递
     *   1、定义触发事件
     *   2、子组件 触发事件
     *   3、事件触发函数
     */
    const emits = defineEmits(['buy']);

    function changeData(){
        //是 buy 事件
        emits('buy',5);
    }

</script>

<template>
    <h1>我是 子组件 </h1>
    <p>
        {{money}}  {{books}} {{msg}}
        {{user}}
        <button @click="changeData"> 给父组件传递数据  </button>
    </p>
</template>

<style scoped>

</style>